<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">


    <!-- Animate.css -->

    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,700" rel="stylesheet">
    <link rel="stylesheet" th:href="@{/logincss/css/animate.css}">
    <!-- Icomoon Icon Fonts-->

    <link rel="stylesheet" th:href="@{/logincss/css/icomoon.css}">
    <!-- Themify Icons-->
    <link rel="stylesheet" th:href="@{/logincss/css/themify-icons.css}">
    <!-- Bootstrap  -->
    <link rel="stylesheet" th:href="@{/logincss/css/bootstrap.css}">

    <!-- Magnific Popup -->

    <link rel="stylesheet"  th:href="@{/logincss/css/magnific-popup.css}">

    <!-- Owl Carousel  -->
    <link rel="stylesheet" th:href="@{/logincss/css/owl.carousel.min.css}">
    <link rel="stylesheet" th:href="@{/logincss/css/owl.theme.default.min.css}">

    <!-- Theme style  -->
    <link rel="stylesheet" th:href="@{/logincss/css/style.css}">

    <!-- Modernizr JS -->
    <script th:src="@{/logincss/js/modernizr-2.6.2.min.js}"></script>
    <!-- FOR IE9 below -->
    <script th:src="@{/logincss/js/respond.min.js}"></script>
    <!--[if lt IE 9] -->


    <!--[endif]-->


</head>
<body>

<div class="gtco-loader"></div>

<div id="page">


    <div class="page-inner">
        <nav class="gtco-nav" role="navigation">
            <div class="gtco-container">

                <div class="row">
                    <div class="col-sm-4 col-xs-12">
                        <!--                        <div id="gtco-logo"><a th:href="@{/Admin/tologin}">Splash <em>.</em></a></div>-->
                    </div>

                </div>

            </div>
        </nav>

        <header id="gtco-header" class="gtco-cover" role="banner"th:style="'background-image:url(' + @{/logincss/images/img_2.jpg} + ');'">
            <div class="overlay"></div>
            <div class="gtco-container">
                <div class="row">
                    <div class="col-md-12 col-md-offset-0 text-left">


                        <div class="row row-mt-15em">
                            <div class="col-md-7 mt-text animate-box" data-animate-effect="fadeInUp">
                                <h3><span>欢迎来到</span></h3>
                                <h1>标准地理地址管理系统</h1>


                            </div>
                            <div class="col-md-4 col-md-push-1 animate-box" data-animate-effect="fadeInRight">
                                <div class="form-wrap">
                                    <div class="tab" >

                                        <ul class="tab-menu"  >
                                            <li class="gtco-second"><a href="#" data-tab="login">登录</a></li>
                                            <li class="active gtco-first"><a href="#" data-tab="signup">注册</a></li>
                                        </ul>
                                        <div class="tab-content " id="login">
                                            <div class="tab-content-inner" data-content="login">
                                                <p class="login-box-msg" style="color: orangered" th:text="|${msg}|"></p>
                                                <form  action="/User/login" method="post">
                                                    <div class="row form-group">
                                                        <div class="col-md-12">
                                                            <label>用户名</label>
                                                            <input type="text" class="form-control" name="userName">
                                                        </div>
                                                    </div>
                                                    <div class="row form-group">
                                                        <div class="col-md-12">
                                                            <label>密码</label>
                                                            <input type="password" class="form-control" name="password">
                                                        </div>
                                                    </div>

                                                    <div class="row form-group">
                                                        <div class="col-md-12">
                                                            <input type="submit" class="btn btn-primary" value="登录">
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                            <div class="tab-content-inner active" data-content="signup">
                                                <p class="login-box-msg" style="color: orangered" th:text="|${msgg}|"></p>
                                                <form action="/User/register" method="post">
                                                    <div class="row form-group">
                                                        <div class="col-md-12">
                                                            <label>姓名</label>
                                                            <input type="text" class="form-control" name="userName">
                                                        </div>
                                                    </div>
                                                    <div class="row form-group">
                                                        <div class="col-md-12">
                                                            <label >密码</label>
                                                            <input type="password" class="form-control" name="password">
                                                        </div>
                                                    </div>
                                                    <div class="row form-group">
                                                        <div class="col-md-12">
                                                            <label >确认密码</label>
                                                            <input type="password" class="form-control"  name="passwd">
                                                        </div>
                                                    </div>
                                                    <div class="row form-group">
                                                        <div class="col-md-12">
                                                            <label >联系方式</label>
                                                            <input type="password" class="form-control"name="linkWay">
                                                        </div>
                                                    </div>

                                                    <div class="row form-group">
                                                        <div class="col-md-12">
                                                            <input type="submit" class="btn btn-primary" value="确认注册">
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>


                    </div>
                </div>
            </div>
        </header>

    </div>
</div>
<div class="gototop js-top">
    <a href="#" class="js-gotop"><i class="icon-arrow-up"></i></a>
</div>
<!-- jQuery -->
<script th:src="@{/logincss/js/jquery.min.js}"></script>
<!-- jQuery Easing -->
<script th:src="@{/logincss/js/jquery.easing.1.3.js}"></script>
<!-- Bootstrap -->
<script th:src="@{/logincss/js/bootstrap.min.js}"></script>
<!-- Waypoints -->
<script th:src="@{/logincss/js/jquery.waypoints.min.js}"></script>
<!-- Carousel -->
<script th:src="@{/logincss/js/owl.carousel.min.js}"></script>
<!-- countTo -->
<script th:src="@{/logincss/js/jquery.countTo.js}"></script>
<!-- Magnific Popup -->
<script th:src="@{/logincss/js/jquery.magnific-popup.min.js}"></script>
<script th:src="@{/logincss/js/magnific-popup-options.js}"></script>
<!-- Main -->
<script th:src="@{/logincss/js/main.js}"></script>
<!--<script type="text/javascript">
    function gb1() {
        $("#gtco-header").css(
            "background-image","url(' /logincss/images/img_4.jpg ')"

        );
        document.getElementById("wd").style.backgroundColor="#84AF9B";

     /* document.getElementById("login").style.backgroundColor="#FC9D99";*/
    }
    function gb2() {
        $("#gtco-header").css(
            "background-image","url(' /logincss/images/img_1.jpg ')"

        );
        document.getElementById("wd").style.backgroundColor=" #D0D0D0";
    }
    function gb3() {
        $("#gtco-header").css(
            "background-image","url(' /logincss/images/img_2.jpg ')"
        );
        document.getElementById("wd").style.backgroundColor="#2C3E50";
    }
</script>-->

</body>
</html>
<!--


